<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>SLACKERS</title>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="css/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="../../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

    <!-- Import fancy-type plugin for the sample page. -->
    <link rel="stylesheet" href="css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	
	<link rel="stylesheet" href="css/liteaccordion.css" type="text/css">
	<link rel="stylesheet" href="css/shCore.css" type="text/css">
	<link rel="stylesheet" href="css/shThemeDefault.css" type="text/css">
	
	<link rel="stylesheet" type="text/css" href="css/popeye/jquery.popeye.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/popeye/jquery.popeye.style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/accordion.css" />
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/liteaccordion.js"></script>
	<script type="text/javascript" src="js/jquery.popeye-2.0.4.min.js"></script>
	
	
	<script language="javascript" type="text/javascript" src="js/jquery.msAccordion.js"></script>
	
	
	<style>
			figure { display: block; width: 100%; height: 100%; margin: 0 }
			figcaption { text-align:right;height:355px; min-width:100px; padding: 10px 8px; position: absolute; bottom: 0px; right: 0px; z-index: 3; background: black; background: rgba(0,0,0,0.7); color: white;
				-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 
				}
			figcaption2 { height:355px; min-width:100px; margin-right:390px;padding: 10px 5px; position: absolute; bottom: 0px; right: 0px; z-index: 3; background: black; background: rgba(0,0,0,0.7); color: white;
				-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 
				}
			
	</style>
	
	
			<script type="text/javascript">

		$(document).ready(function(){	
			var first = 0;
			var speed = 700;
			var pause = 8000;
			
				function removeFirst(){
					first = $('ul#ymticker li:first').html();
					$('ul#ymticker li:first')
					.animate({opacity: 0}, speed)
					.fadeOut('slow', function() {$(this).remove();});
					addLast(first);
				}
				
				function addLast(first){
					last = '<li style="display:none">'+first+'</li>';
					$('ul#ymticker').append(last)
					$('ul#ymticker li:last')
					.animate({opacity: 1}, speed)
					.fadeIn('slow')
				}
			
			interval = setInterval(removeFirst, pause);
		});
		</script>
	
</head>
  <body class="custom">

    <div class="container">
		   <!-- top menu -->
        
	<!-- header top -->
	  <div id="head_top">
      <div class="span-8">
      <div class="top_left">
		
      </div>
      </div>
	   <div class="span-8">
       <div class="top_center">
        <div class="top_item">
				<div class="span-4">
					<div class="nav_item">
						<a class="nav_link" href="#">SLACKERS</a>
					</div>
				</div>
				<div class="span-4 last">
					<div class="nav_item">
						<a class="nav_link" href="#">OTHERS</a>
					</div>
				</div>
			</div>
        </div>
      </div>
      	
	   <div class="span-8 last">
       <div class="top_right">
	    

		  <div class="span-8 last">
			<div class="reg_log">
				<div class="login">
				<a href="#">Member Login</a>
				</div>
				<div class="reg">
				<a href="#">Register</a>	
				</div>
			</div>
		  </div>
		 
		 <div class="span-8 last">
				 <div class="join">
					<label class="title_join">STAY WITH US</label><br>
					<a href="#"><img src="images/twitter.png"></a>
					<a href="#"><img src="images/facebook.png"></a>
				</div>
		
		  
		
			<div class="ym_sales">
				<div class="ym_title">
					<label>SALES SUPPORT</label>
				</div>
				<div id="ymticker">
					<ul id="ymticker">
						<li>SALES 1 <a href="#"><img src="images/ymonline.gif"></a></li>
						<li>SALES 2 <a href="#"><img src="images/ymonline.gif"></a></li>
						<li>SALES 3 <a href="#"><img src="images/ymonline.gif"></a></li>
						<li>SALES 4 <a href="#"><img src="images/ymonline.gif"></a></li>
					</ul>
				</div>
		  </div>
		</div>
		<div class="cart">
        	Your Cart : 3 Items IDR 200.000
        </div>
        </div>
        </div>
      </div>
	
	 <!-- end of header top -->
	<div id="top_nav">
		
	</div>
	
      <div class="span-24 append-bottom">
			  <div class="span-18">
			   <!-- slider accordion -->
				   <div id="slider_accordion">
							<div style="height: 320px; width: 960px;" id="one" class="accordion dark basic">
								<ol>
									<li>
										<h2 class="" style="width: 320px; height: 48px; left: 0px;"><span>SLACKERS STUFF STORE</span><b></b></h2>
										<div style="width: 720px; left: 0px; padding-left: 48px;">
											<figure>
												<img src="images/1ok.jpg" alt="image">
												<figcaption style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">GIRLS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption>
												
												<figcaption2 style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">BOYS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption2>
												
												
											</figure>
										</div>
									</li>
									<li>
										<h2 class="" style="width: 320px; height: 48px; left: 48px;"><span>MACBETH STUFF STORE</span><b></b></h2>
										<div style="width: 720px; left: 48px; padding-left: 48px;">
											<figure>
												<img src="images/3ok.jpg" alt="image">
												<figcaption style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">GIRLS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption>
												
												<figcaption2 style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">BOYS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption2>
											</figure>
										</div>
									</li>
									<li>
										<h2 class="selected" style="width: 320px; height: 48px; left: 96px;"><span>AFENDS STUFF STORE</span><b></b></h2>
										<div style="width: 720px; left: 96px; padding-left: 48px;">
											<figure>
												<img src="images/2ok.jpg" alt="image">
												<figcaption style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">GIRLS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption>
												
												<figcaption2 style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">BOYS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption2>
											</figure>
										</div>
									</li>
									<li>
										<h2 class="" style="width: 320px; height: 48px; left: 864px;"><span>OTHERS STUFF STORE</span><b></b></h2>
										<div style="width: 720px; left: 864px; padding-left: 48px;">
											<figure>
												<img src="images/5ok.jpg" alt="image" width="768">
												<figcaption style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">GIRLS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption>
												
												<figcaption2 style="display: block;">
													<strong style="color:#ff9900;text-decoration:underline;">BOYS STUFF</strong><br>
													<strong>TOP</strong><br>
														<a href="#">T-Shirt</a><br>
														<a href="#">Jackets</a><br>
														<a href="#">Wovens</a><br>
														<a href="#">Knits</a><br>
														<a href="#">Flece</a><br><br>
													<strong>BOTTOMS</strong><br>
														<a href="#">Denim</a><br>
														<a href="#">Pants</a><br>
														<a href="#">Shorts</a><br><br>
											
													<strong>ACCESSORIES</strong><br>
														<a href="#">Hats</a><br>
														<a href="#">Bags</a><br>
														<a href="#">Watch</a><br>
														<a href="#">Snickers</a><br>
												</figcaption2>
											</figure>
										</div>
									</li>
								
								</ol>
								<noscript>
									<p>Please enable JavaScript to get the full experience.</p>
								</noscript>
							</div>
					</div>	 
			  </div> 
			  
			  <script type="text/javascript">
					// liteAccordion demos
					$('#one').liteAccordion({
							onActivate : function() {
								this.find('figcaption').fadeOut();
								this.find('figcaption2').fadeOut();
							},
							slideCallback : function() {	
								this.find('figcaption').fadeIn();
								this.find('figcaption2').fadeIn();
							},
							autoPlay : true,
							pauseOnHover : true,
							theme : 'dark',
							rounded : true,
							containerWidth : 690,
							containerHeight : 373,
							slideSpeed : 600,
							enumerateSlides : true					
					}).find('figcaption:first').show();
					$('#two').liteAccordion(
					{
						onActivate : function() {
								this.find('figcaption').fadeOut();
								this.find('figcaption2').fadeOut();
							},
							slideCallback : function() {	
								this.find('figcaption').fadeIn();
								this.find('figcaption2').fadeIn();
							},
						autoPlay : true,
						pauseOnHover : true,
						containerWidth : 710, 
						containerHeight : 400, 
						slideSpeed : 600
					});
					$('#three').liteAccordion({ theme : 'dark', containerWidth : 600, containerHeight : 200, slideSpeed : 600, firstSlide : 2 });
				</script>
			
			  <!-- end of slider accordion -->
			  
		<script type="text/javascript">

		$(document).ready(function(){	
			var first = 0;
			var speed = 700;
			var pause = 5000;
			
				function removeFirst(){
					first = $('ul#listticker li:first').html();
					$('ul#listticker li:first')
					.animate({opacity: 0}, speed)
					.fadeOut('slow', function() {$(this).remove();});
					addLast(first);
				}
				
				function addLast(first){
					last = '<li style="display:none">'+first+'</li>';
					$('ul#listticker').append(last)
					$('ul#listticker li:last')
					.animate({opacity: 1}, speed)
					.fadeIn('slow')
				}
			
			interval = setInterval(removeFirst, pause);
		});
		</script>
			  <!-- news ticker -->
			  <div class="span-6 last">
					<div id="slider_new_item">
						<div class="tag_title">
						NEWSTICKER
						</div>
						<div class="tag">
							<ul id="listticker">
							<li>
								<span class="news-text">
									<img width="34%" src="foto_info/kecil_news1.jpg">
									 MACBETH Sale<br>All Item Sale up to 20%<br>FREE Gift <br> AND Mercant
								</span>
							</li>
							<li>
								<span class="news-text">
								<img width="34%" src="foto_info/kecil_news2.jpg">
								 MACBETH Sale<br>All Item Sale up to 20%<br>FREE Gift <br> AND Mercant
								</span>
							</li>
							<li>
								<span class="news-text">
								<img width="34%" src="foto_info/kecil_news4.jpg">
								 MACBETH Sale<br>All Item Sale up to 20%<br>FREE Gift <br> AND Mercant
								</span>
							</li>
							<li>
								<span class="news-text">
								<img width="34%" src="foto_info/kecil_news5.jpg">
								 MACBETH Sale<br>All Item Sale up to 20%<br>FREE Gift <br> AND Mercant
								</span>
							</li>
							<li>
								<span class="news-text">
								<img width="34%" src="foto_info/kecil_news1.jpg">
								 MACBETH Sale<br>All Item Sale up to 20%<br>FREE Gift <br> AND Mercant
								</span>
							</li>
							</ul>
						</div>
				  </div>	 
			  </div> 
	   <!-- endof news ticker -->
	   </div>
	   <hr class="spc">
	   
		 <div class="span-24">
			<!-- left konten  -->
			<div class="span-18">
				<div class="left_konten">
					
					<h3 class="left_sub_title_new_slacker">Slackers Stuff</h3>
					<div class="span-6">
					        <div class="ppy" id="ppy1">
							<ul class="ppy-imglist">
								<li>
									<a href="images/popeye/gbr1.jpg">
										<img src="images/popeye/gbr1_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>MEN STUFF | JACKETS</strong><br />Men's cloth short by jackets category<br />
										<a class="view_caps" href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr2.jpg">
										<img src="images/popeye/gbr2_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>MEN STUFF | SWEATERS</strong><br />Men's cloth short by sweaters category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr3.jpg">
										<img src="images/popeye/gbr3_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>MEN STUFF | T-SHIRTS</strong><br />Men's cloth short by t-shirts category<br />
										<a href="#">View All</a>
									</span>
								</li>
		
			
							</ul>
							<div class="ppy-outer">
								<div class="ppy-stage">
									<div class="ppy-nav">
										<a class="ppy-prev" title="Previous product">Previous product</a>
										<a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
										<a class="ppy-switch-compact" title="Close">Close</a>
										<a class="ppy-next" title="Next product">Next product</a>
									</div>
								</div>
							</div>
							<div class="ppy-caption">
								
								<span class="ppy-text"></span>
							</div>
						</div>
					</div>
					<div class="span-6">
						<div class="ppy" id="ppy2">
							<ul class="ppy-imglist">
								<li>
									<a href="images/popeye/gbr4w.jpg">
										<img src="images/popeye/gbr4w_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>WOMEN STUFF | T-SHIRTS</strong><br />Women's cloth short by t-shirts category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr5w.jpg">
										<img src="images/popeye/gbr5w_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>WOMEN STUFF | DENIM</strong><br />Women's cloth short by denim category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr6w.jpg">
										<img src="images/popeye/gbr6w_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>WOMEN STUFF | PANTS</strong><br />Women's cloth short by pants category<br />
										<a href="#">View All</a>
									</span>
								</li>
		
			
							</ul>
							<div class="ppy-outer">
								<div class="ppy-stage">
									<div class="ppy-nav">
										<a class="ppy-prev" title="Previous product">Previous product</a>
										<a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
										<a class="ppy-switch-compact" title="Close">Close</a>
										<a class="ppy-next" title="Next product">Next product</a>
									</div>
								</div>
							</div>
							<div class="ppy-caption">
								
								<span class="ppy-text"></span>
							</div>
						</div>
					</div>
					<div class="span-6 last">
						 <div class="ppy" id="ppy3">
							<ul class="ppy-imglist">
								<li>
									<a href="images/popeye/gbr7a.jpg">
										<img src="images/popeye/gbr7a_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>ACCESSORIES STUFF | HATS</strong><br />Accessories short by hand category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr8a.jpg">
										<img src="images/popeye/gbr8a_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>ACCESSORIES STUFF | BAG</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr9a.jpg">
										<img src="images/popeye/gbr9a_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>ACCESSORIES STUFF | WATCH</strong><br />Accessories short by small bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
		
			
							</ul>
							<div class="ppy-outer">
								<div class="ppy-stage">
									<div class="ppy-nav">
										<a class="ppy-prev" title="Previous image">Previous image</a>
										<a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
										<a class="ppy-switch-compact" title="Close">Close</a>
										<a class="ppy-next" title="Next image">Next image</a>
									</div>
								</div>
							</div>
							<div class="ppy-caption">
								
								<span class="ppy-text"></span>
							</div>
						</div>
					</div>
					
					
				</div>
<hr class="spc">
				<div class="left_konten">
					<h3 class="left_sub_title_new_other">Others Stuff</h3>
					<div class="span-6">
					        <div class="ppy" id="ppy4">
							<ul class="ppy-imglist">
								<li>
									<a href="images/popeye/gbr10o.jpg">
										<img src="images/popeye/gbr10o_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>MACBETH STUFF | SHIRT</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr11o.jpg">
										<img src="images/popeye/gbr11o_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>MACBETH STUFF | SHOES</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr12o.jpg">
										<img src="images/popeye/gbr12o_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>MACBETH STUFF | JACKET</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
		
			
							</ul>
							<div class="ppy-outer">
								<div class="ppy-stage">
									<div class="ppy-nav">
										<a class="ppy-prev" title="Previous product">Previous product</a>
										<a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
										<a class="ppy-switch-compact" title="Close">Close</a>
										<a class="ppy-next" title="Next product">Next product</a>
									</div>
								</div>
							</div>
							<div class="ppy-caption">
								
								<span class="ppy-text"></span>
							</div>
						</div>
					</div>
					<div class="span-6">
						<div class="ppy" id="ppy5">
							<ul class="ppy-imglist">
								<li>
									<a href="images/popeye/gbr12o.jpg">
										<img src="images/popeye/gbr12o_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>AFENDS STUFF | JACKET</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr13o.jpg">
										<img src="images/popeye/gbr13o_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>AFENDS STUFF | SWEATER</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr14o.jpg">
										<img src="images/popeye/gbr14o_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>AFENDS STUFF | TSHIRT</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
		
			
							</ul>
							<div class="ppy-outer">
								<div class="ppy-stage">
									<div class="ppy-nav">
										<a class="ppy-prev" title="Previous product">Previous product</a>
										<a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
										<a class="ppy-switch-compact" title="Close">Close</a>
										<a class="ppy-next" title="Next product">Next product</a>
									</div>
								</div>
							</div>
							<div class="ppy-caption">
								
								<span class="ppy-text"></span>
							</div>
						</div>
					</div>
					<div class="span-6 last">
						 <div class="ppy" id="ppy6">
							<ul class="ppy-imglist">
								<li>
									<a href="images/popeye/gbr1.jpg">
										<img src="images/popeye/gbr1_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>VESTAL STUFF | BAG</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr2.jpg">
										<img src="images/popeye/gbr2_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>VESTAL STUFF | BAG</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
								<li>
									<a href="images/popeye/gbr3.jpg">
										<img src="images/popeye/gbr3_m.jpg" alt="" />
									</a>
									<span class="ppy-extcaption">
										<strong>VESTAL STUFF | BAG</strong><br />Accessories short by bag category<br />
										<a href="#">View All</a>
									</span>
								</li>
		
			
							</ul>
							<div class="ppy-outer">
								<div class="ppy-stage">
									<div class="ppy-nav">
										<a class="ppy-prev" title="Previous product">Previous product</a>
										<a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
										<a class="ppy-switch-compact" title="Close">Close</a>
										<a class="ppy-next" title="Next product">Next product</a>
									</div>
								</div>
							</div>
							<div class="ppy-caption">
								
								<span class="ppy-text"></span>
							</div>
						</div>
					</div>
				</div>
				<hr>
					<div class="span-12">
						<div class="promo_content">
						<div class="sale_title"></div>
						<img class="img_promo"src="images/promo_sale.jpg" width="25%"/>
						<p></p>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt eu fugiat nulla pariatur. Sunt in culpa quis nostrud exercitation ullamco laboris nisi.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,lamco laboris nisi.</p>
						</div>
					</div>
					<div class="span-6 last">
						<div class="promo_content">
							<div class="sale_title"></div>
						<img class="img_promo"src="images/promo_sale.jpg" width="45%"/>
						<p>Lorem ipsum dolor sit amet, con consequat. Sed do eiusmod tempor incididunt eu fugiat nulla pariatur. Sunt in culpa quis nostrud exercitation ullamco laboris nisi.</p>

						</div>
					</div>
			</div>
			
			 <!-- endof left konten -->
			<!-- [example js] begin -->
<script type="text/javascript">
    <!--//<![CDATA[
    
    $(document).ready(function () {
        $('#ppy1').popeye();
		$('#ppy2').popeye();
		$('#ppy3').popeye();
		$('#ppy4').popeye();
		$('#ppy5').popeye();
		$('#ppy6').popeye();
    });
    
    //]]>-->
</script>
<!-- [example js] end -->
			 <!-- sidebar right -->
		   <div class="span-6 last">
				<div class="sidebar_right">
					<div class="news_letter_form">
							<h3 class="login_title">Slakcers Newsletters</h3>
							<form action="" method="post" class="login-form">
								<ul class="login">
									<li class="login">
										<label for="user_login">Email</label>
										<input type="text" name="user_login" class="text-login" size="20"value="">
									<li class="login">
										<input type="submit" value="Submit" class="big" > 
									</li>
									
								</ul>
						 
							</form>
					</div>
					<div class="testimonial">
							<h3 class="login_title">Testimonial</h3>
							<ul>
								<li><strong>Agust, 12 2011</strong><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p></li>
								<li><strong>Agust, 12 2011</strong><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p></li>
								<li><strong>Agust, 12 2011</strong><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p></li>
								
							<ul>
							
					</div>
					

					<div class="sidebar_link_image">
						<a class="link_image" href="#">
						<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','230','height','60','src','images/banner_how','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/banner_how' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="230" height="60">
                          <param name="movie" value="images/banner_how.swf">
                          <param name="quality" value="high">
                          <embed src="images/banner_how.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="230" height="60"></embed>
					    </object></noscript>
					</a>					</div>
					<div class="news_letter_form">
							<h3 class="login_title">Shipping</h3>
							<img src="images/shipping_bar.png" alt="" />
					</div>
					<div class="map_bar">
							<h3 class="login_title">Map</h3>
							PETA
					</div>
					

		
				</div>
		   </div>
			<!-- endof sidebar right -->
		</div>
      <hr class="space">
	   <div class="span-24">
			<div id="bottom">
			<!-- endof bottom menu -->
				<div id="bottom_menu">
					<ul>
						<li><a href="index.html" class="current">HOME</a></li>
						<li><a href="gallery.html">STORE</a></li>
						<li><a href="news.html">BLOG</a></li>
						<li><a href="about.html">LOOK BOOK</a></li>
						<li class="last"><a href="contact.html">PROFILE</a></li>
					</ul>    	
				</div> 
		</div>
		<hr>
	   <div class="span-24">
		  <div id="footer">
				<p style="color:#999999;"> &copy; 2011 Slackers Company</p>
		  </div>
	  </div>
      
      
    </div>
  </body>
</html>
